import { init } from  'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

const patch = init([])

// 演示创建子元素
let vnode = h('div#container', [
    h('h1', 'Hello Snabbdom'),
    h('p', '这是一个P')
])

let app = document.querySelector('#app')

let oldNnode = patch(app, vnode)

// 扩展， 假设h1、p是存储在服务器上的，发送请求获取数据，再获取内容放置h1、p
// 模拟定时器延时演示内容
setTimeout(() =>{
    vnode = h('div#container', [
        h('h1', 'Hello World'),
        h('p', 'Hello p')
    ])
    patch(oldNnode, vnode)
}, 2000)

// 两秒后，清空内容
setTimeout(() =>{
    patch(oldNnode, h('!'))
},2000)
